import React from 'react';
import { render } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import AppPage from '../index';
import { ThemeEnum, Theme } from '@interfaces';
import { Provider } from 'react-redux';
import store from '@store';


describe('src/pages/app/__tests/index.test.tsx', () => {
  it('test menuitem active', () => {
    expect(true).toBeTruthy();
  })
  // test("test menuitem active", async () => {

  //   const user = userEvent.setup();

  //   const theme: Theme = {
  //     theme: ThemeEnum.Light
  //   };

  //   const { findByTestId } = render(
  //     <Provider store={store}>
  //       <AppPage theme={theme} />
  //     </Provider>
  //   );

  //   // await waitFor(async () => {
  //     const firstMenuItem = await findByTestId(`menu-item__${1}`);

  //     expect(firstMenuItem).toBeInTheDocument();

  //     await user.click(firstMenuItem);

  //     expect(firstMenuItem).toHaveClass('ant-menu-item-active');
  //   // });

  // });
});
